<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Admin Login</title>
        <link rel="stylesheet" type="text/css" href="/styles/admin/admin-global.css" />
    </head>
    <body>
        <div id="pageContainer" style="background-image: url(/img/black-line-pattern.jpg)">
            <div id="pageContentWrapper">
                <div id="admin-login-container">
                    <div id="login-box-header">
                        <span style="font-size: 44px;">ShoppersHause</span>
                        <span style="margin-left: 10px;">Admin Login</span>
                    </div>
                    <hr/>
                    
                    <form method="post" action="/login">
                        <input type="hidden" name="user" value="admin" />
                        <div id="login-elements-container">
                            <div class="field-wrapper">
                                <label for="username" class="input-label">Username:</label><br/>
                                <input class="input-field" id="username" type="text" name="username"/>
                            </div>
                            
                            <div class="field-wrapper">
                                <label for="password" class="input-label">Password:</label><br/>
                                <input class="input-field" id="password" type="password" name="password"/>
                            </div>
                            
                            <div class="field-wrapper">
                                <input type="checkbox" id="keeplogged" name="keeplogged" />
                                <label for="keeplogged">Keep me logged in</label>
                            </div>
                            <div class="field-wrapper">
                                <button type="submit">Login</button>
                            </div>
                            <div class="field-wrapper">
                                <a href="/login/forgot?user=admin">Forgot your username or password?</a>
                            </div>
                            <br class="clearfloat"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>
